*{
    margin: 0px;
    padding: 0px;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    vertical-align: top;
}
h2{
    color: #7b7a78;
    font-weight: 500;
}
html,body{
    height: 100%;
}
.w{
    width: 1394px;
    height: 100%;
    margin: 0 auto;
}
body{
    background-color: #ffffff;
    
}
body a{
    color: #646564;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.f10{
    color:#df102a
}
a:hover{
    color: #df102a !important;

}

/* <!-- 网页头部 --> */
/* .head{
    width: 100%;
    height: 93px;
    background-color: #ffffff;
}
.head img{
    width: 1394px;
    height: 93px;

}

 */




/* 快速导航栏 */
.shortcut{
    width: 100%;
    height: 35px;
    background-color: #e3e4e6;
    border-bottom: 2px solid #dddfdc;

}
.shortcut .w li{
    float: left;
    /* position: relative; */
    
}
.shortcut .w li a{
    font: 12px/35px "黑体";
    text-align: center;
    color: #646564;

}
.shortcut .w .fl li{

    margin-right: 15px;
}
.shortcut .w .fr li{
    
    margin-left: 15px;
}
.shortcut .w li i{
    padding: 30px 3px 0px 5px;
    box-sizing: border-box;
}
/* .shortcut .w .fr li .a1{
    position: relative;
} */
.shortcut .w .fr li img{
    position: absolute;
    top: 37px;
    left: 0px;
}

.shortcut .fr li:nth-of-type(5):hover{
    background-color: antiquewhite;
}



/* <!-- 中间头部分 --> */
.middle{
    height: 188px;
    width: 100%;
    /* background-color: aqua; */
}
.middle .w1{
    width: 1394px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.middle .w1 div:nth-of-type(1){
    width: 191px;
    height: 65px;
    position: absolute;
    top: 33px;
    left: 0px;
}

.middle .w1 div:nth-of-type(2){
    width: 940px;
    height: 50px;
    /* background-color: aquamarine; */
    position: absolute;
    top: 30px;
    left: 270px;
    
    border: 1px solid #cd4b52;
    /* border-radius: 7px; */

}
.middle .w1 div:nth-of-type(2) input{
    width: 780px;
    height: 50px;
    /* 取消轮廓边框 */
    outline: none;
    float: left;
    /* 取消默认边框 */
    border: 0;   
    padding-left: 10px; 
    box-sizing: border-box;
    background-color: #ffffff;
    padding-left: 30px;
    position: relative;
    box-sizing: border-box;

}
.middle .w1 div:nth-of-type(2) i{
    position: absolute;
    top: 15px;
    left: 8px;
}

.middle .w1 div:nth-of-type(2) button{
    width: 160px;
    height: 50px;
    /* 取消轮廓边框 */
    outline: none;
    float: left;
    /* 取消默认边框 */
    border: 0;    
    background-color: #f60017;
    color: #ffeae3;
}

.middle .w1 div:nth-of-type(3){
    width: 160px;
    height: 50px;
    background-color: #a52e34;
    position: absolute;
    top: 30px;
    right: 0px;
    font: 14px/40px "黑体";
    text-align: center;
    border-radius: 5px;
}
.middle .w1 div:nth-of-type(3) i{
    color: #df102a;
    position: relative;
    
}


.middle .w1 div:nth-of-type(4){
    position: absolute;
    top: 100px;
    left: 270px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #d9d5d6;
}
.middle .w1 div:nth-of-type(5){
    width: 220px;
    height: 45px;
    /* background-color: #f60017; */
    position: absolute;
    bottom: 0px;
    left: 0px;
    /* border-top-left-radius: 10px;
    border-top-right-radius: 10px; */
    padding-left: 45px;
    box-sizing: border-box;
    line-height: 45px;
    font-size: 16px;
    /* border-bottom: 2px solid #c13842; */
    

}
.middle .w1 div:nth-of-type(6){
    position: absolute;
    bottom: 0px;
    left: 370px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    
}
.middle .w1 div:nth-of-type(6) a{
    color: #181717;
    font-weight: 540;
    margin-left: 30px;
}
.middle .w1 div:nth-of-type(7){
    position: absolute;
    bottom: 0px;
    right: 30px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #181717;
    font-weight: 540;
    margin-left: 30px;
    
}

/* <!-- 品牌 --> */
.pinPai{
    width: 100%;
    height: 60px;
    overflow:hidden;
    box-shadow: 0px -10px 10px #f1f1f1;
}

.pinPai .w .fl li{
    float: left;
    margin-right: 90px;
    line-height: 60px;
    font-size: 12px;
}
.pinPai .w .fr li{
    float: left;
    width: 60px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    border: 1px solid #898787;
    text-align: center;
    margin-top: 12px;
}
.pinPai .w .fr .li_1{
    margin-right: 10px;
}
/* .pinPai .w .fr li a{
    display: block;
    float: left;
    width: 60px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    border: 1px solid #eaeaea;
} */
/* <!-- 高级选项 --> */
.gaoJi{
    width: 100%;
    height: 60px;
    margin-bottom: 15px;
    box-shadow: 0px 10px 4px #f1f1f1;
}

.gaoJi .w .fl li{
    float: left;
    margin-right: 80px;
    line-height: 60px;
    font-size: 12px;
}

/* <!-- 综合 --> */
.zongHe{
    width: 100%;
    height: 60px;
    background-color: #f1f1f1;
    margin-bottom: 15px;
}

.zongHe .w .fl li{
    float: left;
    margin-right: 40px;
    line-height: 60px;
    font-size: 12px;
}
.zongHe .w .fr li{
    float: left;
    line-height: 60px;
    font-size: 12px;
    margin-left: 35px;
}




/* <!-- 图片列表 --> */
.picture_list{
    width: 100%;
    /* height: 438px; */
    /* height: 2845px; */
    height: 100%;
    background-color: #f1f1f1;

}
/* <!-- 图片列表左边 --> */
.picture_list .w .picture_list_left{
    width: 1360px;
    /* height: 2845px; */
    
    /* height: 100%; */
    float: left;
}
.picture_list .w .picture_list_left img{
    width: 258px;
    height: 259px;
} 


.picture_list .w .picture_list_left div{
    width: 258px;
    height: 438px;
    background-color: beige;
    position:relative;
    margin-right: 12px;
    float: left;
    margin-bottom: 15px;
    border: 1px solid rgb(101, 99, 99);
    
}
.picture_list .w .picture_list_left div span{
    width: 258px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    background-color: beige;
    color: #de6a73;
}
.picture_list .w .picture_list_left div .p1{
    width: 258px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #3c3839;
    background-color: beige;
}
.picture_list .w .picture_list_left div .p2{
    width: 258px;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    color: #a4a6a5;
    border-bottom: 1px solid #ededed;
}
.picture_list .w .picture_list_left div .p3{
    width: 258px;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    color: #a4a6a5;
    border-bottom: 1px solid #ededed;
    /* position: absolute; */
}

.picture_list .w .picture_list_left div .p3 a:nth-of-type(1){
    display: inline-block;
    width: 95px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    /* 设置省略号 */
    /* 不换行 */
    white-space: nowrap;
    /* 溢出隐藏 */
    overflow: hidden;
    /* 设置... */
    text-overflow: ellipsis;
    color: #a4a6a5;
}
.picture_list .w .picture_list_left div .p3 a:nth-of-type(2){
    display: inline-block;
    /* width: 95px; */
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    /* float: right; */
    margin-left: 120px;
    vertical-align: top;
}
.picture_list .w .picture_list_left div .p3 i{
    display: inline-block;
    width: 30px;
    height: 22px;
    line-height: 22px;
    vertical-align:middle;
    background: url(../images/lieBiaoYe_img/02.png) no-repeat;
    position: absolute;
    right: 45px;
    bottom: 54px;
}

/* <!-- 分页器 --> */
.pagination1{
    width: 800px;
    height: 50px;
    border: 1px solid red;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 280px;
    margin-bottom: 100px;
}



.picture_list .w .picture_list_left div h5{
    /* display: inline; */
    display: block;
    width: 258px;
    height: 40px;
    position: absolute;
    top: 221px;
    left: 0px;
    /* background-color: #d06268; */
    z-index: 999;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    display: none;
    background-color:rgba(244, 98, 98, 0.55);

}
.picture_list .w .picture_list_left div h5 a{
    color: #f53520;
}
.picture_list .w .picture_list_left div .h5_2{
    /* display: inline; */
  
    top: 181px;
    left: 0px;

}

/* .picture_list .w .picture_list_left div img:hover .picture_list_left h5{
    display: inline;
} */
.picture_list .w .picture_list_left div:hover h5{
    display: block;
    border-bottom:1px solid rgb(157, 149, 149);
}

/* <!-- 图片列表右边 --> */
.picture_list_right{
    width: 255px;
    height: 270px;
    float: right;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
}
.picture_list_right .p1{
    width: 100%;
    height: 47px;
    text-align: center;
    line-height: 47px;
    font-size: 16px;
    background-color: #ebebeb;
}
.picture_list_right .p2{
    /* width: 100%;
    height: 47px; */
    line-height: 32px;
    font-size: 14px;
}
.picture_list_right .p3{
    /* width: 100%;
    height: 47px; */
    line-height: 30px;
    font-size: 12px;
}
.picture_list_right .p7 a
{
    display: block;
    width: 145px;
    height: 33px;
    margin-left: 23px;
    background-color: #cd4b52;
    text-align: center;
    line-height: 33px;
    /* line-height: 30px;
    font-size: 12px; */
}
.picture_list_right .p7 a
{
    display: block;
    width: 145px;
    height: 33px;
    margin-left: 23px;
    background-color: #cd4b52;
    text-align: center;
    line-height: 33px;
    /* line-height: 30px;
    font-size: 12px; */
}






/* <!-- 网页尾部 --> */
.footer{
    width: 100%;
    height: 655px;
    /* background-color: antiquewhite; */
    background-color: #eaeaea;
}

/* <!--多快好省-->  */
.footer .duo{
    width: 100%;
    height: 110px;
    border-bottom: 1px solid #e5e5e5;
}
.footer .duo .w div{
    width: 348px;
    height: 110px;
    padding: 42px 0px 42px 95px;
    box-sizing: border-box;
    font-weight: 600;
    float: left;;
    position: relative;

}

.footer .duo .w div h5{
    width: 44px;
    height: 42px;
    background: url(../images/004.png) no-repeat;
    position: absolute;
    top: 34px;
    left: 50px;
    text-indent: -999em;
}
.footer .duo .w div:nth-of-type(2) h5{
    background-position-y:-42px;
}
.footer .duo .w div:nth-of-type(3) h5{
    background-position-y:-86px;
}
.footer .duo .w div:nth-of-type(4) h5{
    background-position-y:-128px;
}

/* <!-- 购物指南 --> */
.footer .gou{
    width: 100%;
    height: 230px;
}
.footer .gou .w2{
    border-bottom: 1px solid #e5e5e5;
}
.footer .gou .w2 .fl dl{
    padding-top: 27px;
    width: 228px;
    height: 230px;
    float: left;

}
.footer .gou .w2 .fl dt{
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
    color: #716f72;

}
.footer .gou .w2 .fl dd{
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}

.footer .gou .w2 .fr h5{
    padding-top :27px; 
    width: 210px;
    font-size: 16px;
    line-height: 40px;
    color: #716f72;
    text-align: center;
}
.footer .gou .w2 .fr p{
    width: 210px;
    font-size: 12px;
    line-height: 17px;
    color: #646564;
}
.footer .gou .w2 .fr p:nth-of-type(2){
    text-align: right;
}

/* <!-- 关于我们 --> */
.footer .guanYu{
    width: 100%;
    height: 305px;
    overflow: hidden;
    
}
.footer .guanYu .w div{
    text-align: center;
    
    
}
.footer .guanYu .w div:nth-of-type(1){
    font-size: 14px;
    line-height: 35px;
    height: 35px;
}
.footer .guanYu .w div:nth-of-type(2){
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    margin-bottom: 48px;
}
.footer .guanYu .w span{
    margin: 10px 7px;
}
/* <!-- 图标 --> */
.footer .guanYu .w .ico{
    text-align: center;
}
.footer .guanYu .w .ico a{
    /* 转化为行内块元素可以使用text-align: center 实现居中对齐 */
    display: inline-block;
    width: 102px;
    height: 30px;
    background: url(../images/005.png) no-repeat -207px 0px;
    margin-top: 28px;
}
.footer .guanYu .w .ico a:nth-of-type(2){
    background-position: -207px -38px;
}
.footer .guanYu .w .ico a:nth-of-type(3){
    background-position: -207px -76px;
}
.footer .guanYu .w .ico a:nth-of-type(4){
    background-position: -207px -114px;
}
.footer .guanYu .w .ico a:nth-of-type(5){
    background-position: -207px -152px;
}
.footer .guanYu .w .ico a:nth-of-type(6){
    background-position: 0px -157px;
}


